<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/template.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="body">
        <p:growl id="growl" showDetail="true" showSummary="false" globalOnly="true" autoUpdate="true" life="4000" />

        <p:panel id="mensajeBienvenida" styleClass="contenedor titulo">
            <p:outputLabel id="text-3" value="Bienvenidos a " />
            <p:outputLabel id="text-3-negrilla" value="Open TextBook" />
        </p:panel>

        <div id="seccionesRegistro" class="contenedor">
            <div id="iniciarSesion" class="flotarIzquierda">
                <p:fieldset legend="Iniciar">
                    <h:form id="frmLogin">
                        <h:panelGrid columns="2" styleClass="pnlGridPequenio">
                            <p:outputLabel for="txtNick" value="Nick"  />
                            <p:inputText id="txtNick" value="#{loginController.nick}" required="true" />

                            <p:outputLabel for="pass" value="Contraseña"  />
                            <p:password id="pass" value="#{loginController.password}" required="true" />

                            <h:panelGroup></h:panelGroup>
                            <p:commandButton id="btnIniciar" value="Aceptar" actionListener="#{loginController.iniciarSesion}"
                                             update="frmLogin" oncomplete="handleLoginRequest(xhr, status, args)"/>
                        </h:panelGrid>
                    </h:form>
                </p:fieldset>
            </div>

            <div id="registrarse" class="flotarIzquierda">
                <p:fieldset legend="Registrarse" >
                    <h:form id="frmLinkRegistrar">
                        <p align="justify">
                            Crear tus libros o documentos de manera colaborativa a través de Open Textbook.
                        </p>
                        <p align="justify">
                            Obtener una cuenta Open Textbook es solo cuestión de segundos. 
                        </p>
                        <p:commandLink value="Registrarse" action="/faces/vistas/registrarUsuario?faces-redirect=true" />
                    </h:form>
                </p:fieldset>
            </div>

            <div id="opciones" class="flotarIzquierda opciones">
                <p:fieldset legend="Open" >
                    <h:form id="frmEnlaces">
                        Aquí va la información
                    </h:form>
                </p:fieldset>
            </div>

            <div class="clear"></div>

        </div>

    </ui:define>

</ui:composition>

